<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>ddhpc</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/header.css">
  <link rel="stylesheet" href="./css/my.css">
  <link rel="stylesheet" href="./css/webtop.css">
  <link rel="stylesheet" href="//at.alicdn.com/t/font_1077279_3t4cy1n6yxu.css">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <script src="./js/jquery-3.3.1.min.js"></script>
</head>

<body>
  <div class="webtop clear wrap" data-now="" data-userid="88456" data-userphone="13088035312">
    <div class="mainWidth">
      <div class="webtop-left">
        <div class="adv">
          <span class="plate">广告主营销平台</span>
          <span class="theUserName" data-userid="88456">成都传媒</span>
          <a class="theUserExit">退出</a>
        </div>
      </div>
      <div class="webtop-right">
        <div class="adv">
          <span class="tr dropMenu">我的订单
            <i class="jt-down"></i>
            <i class="whiteLine"></i>
            <div class="drops">
              <a href="/companyHome/orderListPg.html?plate=51">软文订单</a>
              <a href="/companyHome/orderListPg.html?plate=13">微信订单</a>
              <a href="/companyHome/orderListPg.html?plate=17">朋友圈订单</a>
              <a href="/companyHome/orderListPg.html?plate=11">微博订单</a>
            </div>
          </span>
          <a href="/companyHome/resQuoteListPg.html" class="tr">我的报价单</a>
          <span class="tr dropMenu"><a href="/companyHome/billListPg.html">我的余额</a>
            <i class="jt-down"></i>
            <i class="whiteLine"></i>
            <div class="drops">
              <span class="s1">余额：￥<font class="myueYe">0.00</font></span>
              <span class="s2">可用：￥<font class="myueKy">0</font></span>
              <span class="s3">冻结：￥<font class="myueFz">0</font></span>
            </div>
          </span>
          <a href="/advtool.html" class="tr" target="_blank">广告法助手</a>
          <a href="/front/other/security_help_2.html" class="tr" target="_blank">帮助中心</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 顶部导航 -->
  <section class="bgff">
    <div class="wrap">
      <div class="top-logo pcub">
        <div class="pcub pcub-ac tx-r ">
          <img class="logo-img mr40" src="./imgs/logo.png" alt="">
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20 active" href="javascript:;">首页</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">软文发稿</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微信推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">朋友圈推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 mr20" href="javascript:;">微博推广</a>
          <a class="logo-nav-li pointer _h100 fz16 plr10 " href="javascript:;">直播/短视频</a>
        </div>
        <div class="pcub pcub-ac pcub-pe pcub-f1">
          <img src="./imgs/location.png" alt="">
          <a href="javascript:;">15680529067</a>
        </div>
      </div>
    </div>
  </section>
  <section class="clear wrap mt20">
    <div class="fl bgff side" style="width:220px;">
      <ul>
        <li class="side-li-title"><i class="icon ykl04f"></i> <span>我的账户</span></li>
        <li class="side-li "><a href="">我的信息</a></li>
        <li class="side-li active"><a href="">系统消息</a></li>
        <li class="side-li"><a href="">密码安全</a></li>
        <li class="side-li"><a href="">支付密码</a></li>
        <li class="side-li-title"><i class="icon yklwenzhang"></i> <span>我的软文</span></li>
        <li class="side-li"><a href="">创建素材</a></li>
        <li class="side-li"><a href="">素材列表</a></li>
        <li class="side-li-title"><i class="icon yklwenzhang"></i> <span>我的订单</span></li>
        <li class="side-li"><a href="">全部订单</a></li>
        <li class="side-li"><a href="">软文订单</a></li>
        <li class="side-li"><a href="">微信订单</a></li>
        <li class="side-li"><a href="">短视频订单</a></li>
        <li class="side-li"><a href="">微博订单</a></li>
        <li class="side-li-title"><i class="icon yklwenzhang"></i> <span>购物车</span></li>
        <li class="side-li"><a href="">购物车</a></li>
        <li class="side-li-title"><i class="icon yklwenzhang"></i> <span>充值</span></li>
        <li class="side-li"><a href="">充值/余额</a></li>
        <li class="side-li"><a href="">充值列表</a></li>
        <li class="side-li"><a href="">用户流水</a></li>
      </ul>
    </div>
    <div class="fr bgff p20" style="width:1040px;">
      系统消息
    </div>
  </section>
  <script src="./js/swiper.js"></script>
  <script src="./layui/layui.js"></script>
  <script src="./js/index.js"></script>
  <script>
    layui.use('element', function () {
      var $ = layui.jquery,
        element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
    });
  </script>
</body>

</html>